.searchBox {
  background: #f4f4f4;
  width: 100vw;
  height: 100vh;
  // border: 1px solid black;
  .txt {
    width: 100vw;
    overflow: hidden;
    background: white;
    .hot {
      margin-left: 8px !important;
      height: 40px;
      line-height: 40px;
      margin-left: 20px;
      color: #999;
    }
    .hotSearch {
      padding-bottom: 30px;
      border-bottom: 1px solid #eee;
      overflow: hidden;
      span {
        float: left;
        border: 1px solid #ccc;
        padding: 7px 7px;
        border-radius: 2px;
        margin: 6px 7px;
        background: white;
        color: #555;
      }
      span:nth-child(5),
      span:nth-child(7) {
        border: 1px solid red;
        color: red;
      }
    }
    .searchContent {
    //   border: 1px solid red;
      width: 100vw;
      .searchItem {
        display: flex;
        height: 70px;
        border-bottom: 1px solid #ccc;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        box-sizing: border-box;
        padding: 0 10px;
        .itemL {
          color: #333;
        }
        .itemR {
          color: #666;
        }
      }
    }
  }
}
